<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>你的成绩</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">

    <!--标准mui.css-->
    <link rel="stylesheet" href="__PUBLIC__/mui/css/mui.min.css">

    <style>
    </style>
</head>
<body>
<!--<header class="mui-bar mui-bar-nav">-->
<!--<h1 class="mui-title">2014404136</h1>-->
<!--</header>-->
<h5 class="mui-content-padded">选择学期</h5>
<div class="mui-card">
    <form class="mui-input-group">
        <div class="mui-input-row">
            <label>学期</label>
            <select id="xq" name="xq" style="color: #007AFF">
                <option value="0">全部</option>
                <volist name="xq" id="vo">
                    <option value="{$vo}">{$vo}</option>
                </volist>
            </select>
        </div>
    </form>
</div>

<!--<h5 class="mui-content-padded">你的成绩<span class=""></span></h5>-->

<volist name="xq" id="item">
    <div data-name="{$item}">
        <h5 class="mui-content-padded">学期：{$item}</h5>
        <ul class="mui-table-view">
            <volist name="cj" id="vo">
                <eq name="vo.xnxqh" value="$item">
                    <li class="mui-table-view-cell mui-collapse">
                        <a class="mui-navigate-right" href="#">
                            <lt name="vo.zcj" value="60">
                                <span class="mui-badge mui-badge-danger">{$vo.zcj}</span>
                                <else/>
                                <span class="mui-badge mui-badge-success">{$vo.zcj}</span>
                            </lt>
                            {$vo.kcmc}</a>
                        <ul class="mui-table-view">
                            <li class="mui-table-view-cell">是否通过: <span class="mui-badge">{$vo.sftg}</span></li>
                            <li class="mui-table-view-cell">开课学期:<span class="mui-badge">{$vo.xnxqh}</span></li>
                            <li class="mui-table-view-cell">课程名称: <span class="mui-badge">{$vo.kcmc}</span></li>
                            <li class="mui-table-view-cell">课程编号:<span class="mui-badge">{$vo.kcbh}</span></li>
                            <li class="mui-table-view-cell">总成绩:<span class="mui-badge">{$vo.zcj}</span></li>
                            <li class="mui-table-view-cell">学分:<span class="mui-badge">{$vo.xf}</span></li>
                            <li class="mui-table-view-cell">总学时:<span class="mui-badge">{$vo.zxs}</span></li>
                            <li class="mui-table-view-cell">课程性质:<span class="mui-badge">{$vo.kcxzmc}</span></li>
                            <li class="mui-table-view-cell">课程类别:<span class="mui-badge">{$vo.kclbmc}</span></li>
                            <li class="mui-table-view-cell">考试性质:<span class="mui-badge">{$vo.ksxzmc}</span></li>
                            <li class="mui-table-view-cell">考核方式:<span class="mui-badge">{$vo.khfsmc}</span></li>
                            <li class="mui-table-view-cell">标志:<span class="mui-badge">{$vo.cjbzmc}</span></li>
                            <li class="mui-table-view-cell">补重学期:<span class="mui-badge">{$vo.xnxqhb}</span></li>
                        </ul>
                    </li>
                </eq>
            </volist>
        </ul>
    </div>
</volist>
<footer>
    <div align="center">
        <p style="display:table-cell; vertical-align:middle;">
            <small>&copy;2016 技术支持 敏捷软件协会</small>
        </p>
    </div>
</footer>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.js"></script>
<script src="__PUBLIC__/mui/js/mui.min.js"></script>
<script>
    $(function () {
        $("#xq").bind({
            change: function () {
                var xq = $('#xq').val();
                var sz = {$json_xq};
                if (xq == 0) {
                    $.each(sz, function (index, value) {
                        $("div[data-name='" + sz[index] + "']").show();
                    });
                } else {
                    $.each(sz, function (index, value) {
//                        alert("ios test");
                        if (xq == sz[index]) {
                            $("div[data-name='" + sz[index] + "']").show();
                        } else {
                            $("div[data-name='" + sz[index] + "']").hide();
                        }
                    });
                }
            }
        });
    });
</script>
</body>
</html>